import { EnumThemeLayoutMode, EnumThemeHorizontalMenuPosition, EnumThemeAnimateMode } from '@/enum';
import type { ThemeSetting } from '@/interface';

const defaultThemeSetting: ThemeSetting = {
    layout: {
        minWidth: 900,
        mode: 'vertical',
        modeList: [
            { value: 'vertical', label: EnumThemeLayoutMode.vertical },
            { value: 'vertical-mix', label: EnumThemeLayoutMode['vertical-mix'] }
        ]
    },
    fixedHeaderAndTab: true,
    header: {
        height: 56
    },

    sider: {
        width: 220,
        collapsedWidth: 64,
        mixWidth: 80,
        mixCollapsedWidth: 48,
        mixChildMenuWidth: 200
    },
    menu: {
        horizontalPosition: 'flex-start',
        horizontalPositionList: [
            {
                value: 'flex-start',
                label: EnumThemeHorizontalMenuPosition['flex-start']
            },
            { value: 'center', label: EnumThemeHorizontalMenuPosition.center },
            { value: 'flex-end', label: EnumThemeHorizontalMenuPosition['flex-end'] }
        ]
    },
    footer: {
        fixed: false,
        height: 48
    },
    page: {
        animate: true,
        animateMode: 'fade-slide',
        animateModeList: [
            { value: 'fade-slide', label: EnumThemeAnimateMode['fade-slide'] },
            { value: 'fade', label: EnumThemeAnimateMode.fade },
            { value: 'fade-bottom', label: EnumThemeAnimateMode['fade-bottom'] },
            { value: 'fade-scale', label: EnumThemeAnimateMode['fade-scale'] },
            { value: 'zoom-fade', label: EnumThemeAnimateMode['zoom-fade'] },
            { value: 'zoom-out', label: EnumThemeAnimateMode['zoom-out'] }
        ]
    }
};

export { defaultThemeSetting };
